<template>
  <div class="main">
    <div class="header">
      <div class="epName">
        {{ info.project_name }}
        <!-- <span >
          <img src="~@img/public/icon-tips.png" alt="" /> 待处理事项8项
        </span> -->
        <span style="cursor: default;" v-if="info.project_level">
          <img src="~@img/public/icon-important.png" alt="" />
          {{ info.project_level }}
        </span>
        <span class="goBack" @click="$router.go(-1)">返回</span>
      </div>
      <div>
        <el-steps :active="info.item_stage_id - 1" align-center>
          <el-step
            icon="el-icon-edit"
            :title="'信息' + '\r\n' + '台账'"
            description="招引"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'投资' + '\r\n' + '意向书'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'立项' + '\r\n' + '审批单'"
            description="洽谈"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'项目' + '\r\n' + '化台账'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'重点' + '\r\n' + '报告'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'项目' + '\r\n' + '专班'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'管理' + '\r\n' + '计划书'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'深入' + '\r\n' + '论证'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'协议' + '\r\n' + '初稿'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'协议' + '\r\n' + '修改稿'"
            description="签约"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'合法性' + '\r\n' + '审查'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'公平竞' + '\r\n' + '争查询'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'协议' + '\r\n' + '送审搞'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'综合' + '\r\n' + '审查'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'项目合' + '\r\n' + '作协议'"
            description="开工"
          ></el-step>

          <el-step
            icon="el-icon-edit"
            :title="'综合' + '\r\n' + '审批'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'代办' + '\r\n' + '手续'"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'完成情况' + '\r\n' + '申请验收表'"
            description="投产"
          ></el-step>
          <el-step
            icon="el-icon-edit"
            :title="'完成情况' + '\r\n' + '验收表'"
            description="完结"
          ></el-step>
        </el-steps>
      </div>
    </div>
    <div class="main_body">
      <div class="main-left">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="基本信息" name="info" class="scroll">
            <div class="header_title">
              <img src="~@img/public/icon-content.png" alt="" />
              <span>项目信息台账内容</span>
            </div>
            <div class="table_one" v-if="type == 'info'">
              <table border="1" padding="0">
                <tr>
                  <td>项目名称</td>
                  <td colspan="3">
                    {{ info.project_name }}
                  </td>
                  <td rowspan="2" class="small">论证意见</td>
                  <td rowspan="2" class="more">
                    {{ info.argument_opinion }}
                  </td>
                </tr>
                <!-- <tr>
                  <td>项目类型</td>
                  <td colspan="3">重点项目 / 一般项目</td>
                </tr> -->
                <tr>
                  <td>项目经理</td>
                  <td>
                    {{
                      info.class_project_manager == null ||
                      info.class_project_manager == "" ||
                      info.class_project_manager == 0 ||
                      info.class_project_manager == "none"
                        ? ""
                        : info.class_project_manager
                            .split("/")
                            [
                              info.class_project_manager.split("/").length - 1
                            ].split("-")[0]
                    }}
                  </td>
                  <td>项目执行人</td>
                  <td>
                    {{
                      info.project_executor == null ||
                      info.project_executor == "none"
                        ? ""
                        : info.project_executor
                            .split("/")
                            [info.project_executor.split("/").length - 1].split(
                              "-"
                            )[0]
                    }}
                  </td>
                </tr>
                <tr>
                  <td>投资主体</td>
                  <td>{{ info.invest_company }}</td>
                  <td>协议投资额 （亿元）</td>
                  <td>{{ info.investment_volume }}</td>
                  <td rowspan="3" class="small">项目内容</td>
                  <td rowspan="3" class="more">
                    {{ info.project_content }}
                  </td>
                </tr>
                <tr>
                  <td>项目规模（亩）</td>
                  <td>{{ info.project_scale }}</td>
                  <td>投资人姓名</td>
                  <td>{{ info.class_investor_name }}</td>
                </tr>
                <tr>
                  <td>投资人联系方式</td>
                  <td>{{ info.class_investor_mobile }}</td>
                  <td>项目来源</td>
                  <td>{{ info.project_source }}</td>
                </tr>
                <tr style="height:96px">
                  <td>项目存在问题 及需要解决的事项</td>
                  <td colspan="3" class="more">
                    {{ info.project_problem }}
                  </td>
                  <td class="small">项目诉求</td>
                  <td class="more">
                    {{ info.project_appeal }}
                  </td>
                </tr>
              </table>
            </div>
            <div class="table_one" v-if="type == 'project'">
              <table border="1" padding="0">
                <tr>
                  <td>项目名称</td>
                  <td colspan="3">
                    {{ info.project_name }}
                  </td>
                  <td rowspan="3" class="small">配合单位<br />总体目标</td>
                  <td rowspan="3" class="more">
                    {{ info.peihe_unit_target1 }}
                  </td>
                </tr>

                <tr>
                  <td>完成时限</td>
                  <td>{{ info.time_limit }}</td>
                  <td>项目经理</td>
                  <td>
                    {{
                      info.class_project_manager == null ||
                      info.class_project_manager == "" ||
                      info.class_project_manager == 0 ||
                      info.class_project_manager == "none"
                        ? ""
                        : info.class_project_manager
                            .split("/")
                            [
                              info.class_project_manager.split("/").length - 1
                            ].split("-")[0]
                    }}
                  </td>
                </tr>
                <tr>
                  <td>项目执行人</td>
                  <td>
                    {{
                      info.project_executor == null ||
                      info.project_executor == "" ||
                      info.project_executor == 0 ||
                      info.project_executor == "none"
                        ? ""
                        : info.project_executor
                            .split("/")
                            [info.project_executor.split("/").length - 1].split(
                              "-"
                            )[0]
                    }}
                  </td>
                  <td>项目单位</td>
                  <td>{{ info.project_unit }}</td>
                </tr>
                <tr>
                  <td>涉及县区（部门）</td>
                  <td>{{ info.related_district }}</td>
                  <td>项目来源</td>
                  <td>{{ info.project_source }}</td>
                  <td rowspan="2" class="small">配合单位<br />总体目标</td>
                  <td rowspan="2" class="more">
                    {{ info.peihe_unit_target2 }}
                  </td>
                </tr>
                <tr>
                  <td>级别</td>
                  <td>{{ info.project_level }}</td>
                  <td>建设类型</td>
                  <td>{{ info.construction_type }}</td>
                </tr>
                <tr style="height:96px">
                  <td>工作目标</td>
                  <td colspan="3" class="more">
                    {{ info.work_target }}
                  </td>
                  <td class="small">配合单位<br />完成时限</td>
                  <td class="more">
                    {{ info.peihe_unit_time_limit }}
                  </td>
                </tr>
              </table>
            </div>
            <div class="height_box"></div>
          </el-tab-pane>
          <el-tab-pane label="项目专班" name="specialClass">
            <div class="header_title class-title">
              {{ classProject.class_name }}
              <!-- <span
                class="edit-btn"
                @click="goEditClass"
                v-if="info.item_stage_id >= 6 && permission.includes('75')"
                >编辑信息</span
              > -->
            </div>
            <div class="table_one table_three">
              <table border="1" padding="0">
                <tr>
                  <td>项目经理</td>
                  <td>
                    {{
                      classProject.class_project_manager == null ||
                      classProject.class_project_manager == "" ||
                      classProject.class_project_manager == "none"
                        ? ""
                        : classProject.class_project_manager
                            .split("/")
                            [
                              classProject.class_project_manager.split("/")
                                .length - 1
                            ].split("-")[0]
                    }}
                  </td>
                  <td>项目执行人</td>
                  <td>
                    {{
                      classProject.project_executor == null ||
                      classProject.project_executor == "none"
                        ? ""
                        : classProject.project_executor
                            .split("/")
                            [
                              classProject.project_executor.split("/").length -
                                1
                            ].split("-")[0]
                    }}
                  </td>
                  <td>牵头部门</td>
                  <td>
                    {{
                      classProject.class_lead_department == null ||
                      classProject.class_lead_department == "none"
                        ? ""
                        : classProject.class_lead_department.split("/")[
                            classProject.class_lead_department.split("/")
                              .length - 1
                          ]
                    }}
                  </td>
                </tr>

                <tr>
                  <td>承接地</td>
                  <td>{{ classProject.class_district }}</td>
                  <td>行业主管部门</td>
                  <td>{{ classProject.class_industry_department }}</td>
                  <td>要素保障部门</td>
                  <td>
                    {{ classProject.class_security_department }}
                  </td>
                </tr>
                <tr></tr>
                <tr style="height:96px">
                  <td>要素保障部门<br />工作内容</td>
                  <td colspan="5" class="more">
                    {{ classProject.class_security_department_content }}
                  </td>
                </tr>
                <!-- <tr>
                  <td>领导小组办公室负责人</td>
                  <td colspan="3 " class="more">
                    {{ classProject.class_lead_manager }}
                  </td>
                </tr> -->
                <tr style="height:96px">
                  <td>领导小组办公室<br />负责人工作内容</td>
                  <td colspan="5" class="more">
                    {{ classProject.class_lead_manager_content }}
                  </td>
                </tr>
              </table>
            </div>
            <div class="height_box"></div>
          </el-tab-pane>
          <el-tab-pane label="项目事项" name="matter">
            <div class="header_title"></div>
            <div class=" table-header">
              <table border="1" padding="0">
                <tr class="more-header">
                  <td width="100">项目阶段</td>
                  <td>项目事项</td>
                  <td width="90">申请时间</td>
                  <td width="90">受理时间</td>
                  <td width="70">状态</td>
                  <td width="70">负责人</td>
                  <td width="280">操作</td>
                </tr>
              </table>
            </div>
            <div class="scroll scroll-box">
              <div class="table-more">
                <table border="1" padding="0">
                  <tr>
                    <td width="50" rowspan="3" class="lr">项目服务组</td>
                    <td width="50" rowspan="2" class="lr">招引阶段</td>
                    <td>项目信息台账</td>
                    <td width="90">
                      {{ project_list[0] ? project_list[0].apply_time : "" }}
                    </td>
                    <td width="90">
                      {{ project_list[0] ? project_list[0].deal_time : "" }}
                    </td>
                    <td width="70">
                      {{ project_list[0] ? project_list[0].status : "待提交" }}
                    </td>
                    <td width="70">
                      {{ project_list[0] ? project_list[0].file_people : "" }}
                    </td>
                    <td
                      width="280"
                      :class="[info.item_stage_id == 1 ? '' : 'no-click']"
                    >
                      <span
                        :class="[
                          info.item_stage_id >= 1 ? 'on-click' : 'not-click',
                          'btn-b',
                        ]"
                        @click="goPage('pinfo', 1, 1)"
                        v-if="permission.includes('32')"
                        >编辑</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 1 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('pinfo', 2, 1)"
                        v-if="permission.includes('33')"
                        >查看</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《项目投资意向书》</td>
                    <td>
                      {{ project_list[1] ? project_list[1].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[1] ? project_list[1].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[1] ? project_list[1].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[1] ? project_list[1].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 2 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('项目投资意向书')"
                        v-if="permission.includes('40')"
                      >
                        上传
                      </span>
                      <span
                        :class="[
                          info.item_stage_id >= 2 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目投资意向书')"
                        v-if="permission.includes('41')"
                        >查看</span
                      >
                      <span
                        class="btn-y btn-long not-click "
                        @click="
                          remind(project_list[1].file_type, project_list[1].id)
                        "
                        v-if="permission.includes('42')"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y not-click "
                        @click="goPage('other', 2, '项目投资意向书')"
                        v-if="permission.includes('43')"
                        >审核</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="7" class="lr">洽谈阶段</td>
                    <td>《项目立项审批单》</td>
                    <td>
                      {{ project_list[2] ? project_list[2].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[2] ? project_list[2].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[2] ? project_list[2].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[2] ? project_list[2].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 3 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('项目立项审批单')"
                        v-if="permission.includes('50')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 3 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目立项审批单')"
                        v-if="permission.includes('51')"
                        >查看</span
                      >
                      <span
                        class="btn-y btn-long not-click "
                        @click="
                          remind(project_list[2].file_type, project_list[2].id)
                        "
                        v-if="permission.includes('52')"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y not-click "
                        @click="goPage('other', 2, '项目立项审批单')"
                        v-if="permission.includes('53')"
                        >审核</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td width="54" class="lr">推进组</td>
                    <td>项目化台账</td>
                    <td>
                      {{ project_list[3] ? project_list[3].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[3] ? project_list[3].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[3] ? project_list[3].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[3] ? project_list[3].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 4 ? '' : 'no-click']">
                      <span
                        :class="[
                          info.item_stage_id == 4 ? 'on-click' : 'not-click',
                          'btn-b',
                        ]"
                        @click="$router.push({ name: 'projectaccountbook' })"
                        v-if="permission.includes('60')"
                        >导入</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 4 ? 'on-click' : 'not-click',
                          'btn-b',
                        ]"
                        v-if="
                          permission.includes('61') ||
                            (project_list[3]
                              ? project_list[3].status != ''
                              : false)
                        "
                        @click="goPage('pinfo', 1, 2)"
                        >编辑
                      </span>
                      <span
                        :class="[
                          info.item_stage_id >= 4 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('pinfo', 2, 2)"
                        v-if="permission.includes('62')"
                        >查看</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td width="54" rowspan="10" class="lr">项目服务组</td>
                    <td
                      :class="[
                        project_list[4]
                          ? project_list[4].status == '一般项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      《重点项目专题报告》
                    </td>
                    <td
                      :class="[
                        project_list[4]
                          ? project_list[4].status == '一般项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[4] ? project_list[4].apply_time : "" }}
                    </td>
                    <td
                      :class="[
                        project_list[4]
                          ? project_list[4].status == '一般项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[4] ? project_list[4].deal_time : "" }}
                    </td>
                    <td
                      :class="[
                        project_list[4]
                          ? project_list[4].status == '一般项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[4] ? project_list[4].status : "待提交" }}
                    </td>
                    <td
                      :class="[
                        project_list[4]
                          ? project_list[4].status == '一般项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[4] ? project_list[4].file_people : "" }}
                    </td>
                    <td
                      :class="[
                        info.item_stage_id == 5 ? '' : 'no-click',
                        project_list[4]
                          ? project_list[4].status == '一般项目'
                            ? 'ban no-click'
                            : ''
                          : '',
                      ]"
                    >
                      <span
                        :class="[
                          info.item_stage_id == 5 &&
                          (project_list[4]
                            ? project_list[4].status != '一般项目'
                            : false)
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="showUp('重点项目专题报告')"
                        v-if="permission.includes('67')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 5 &&
                          (project_list[4]
                            ? project_list[4].status != '一般项目'
                            : false)
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '重点项目专题报告')"
                        v-if="permission.includes('68')"
                        >查看</span
                      >
                      <span
                        :class="[
                          info.item_stage_id == 5 &&
                          (project_list[4]
                            ? project_list[4].status != '一般项目'
                            : false)
                            ? 'on-click'
                            : 'not-click',
                          'btn-y btn-long',
                        ]"
                        @click="
                          remind(project_list[4].file_type, project_list[4].id)
                        "
                        v-if="permission.includes('69')"
                        >提醒审核</span
                      >
                      <span
                        :class="[
                          info.item_stage_id == 5 &&
                          (project_list[4]
                            ? project_list[4].status != '一般项目'
                            : false)
                            ? 'on-click'
                            : 'not-click',
                          'btn-y ',
                        ]"
                        @click="goPage('other', 2, '重点项目专题报告')"
                        v-if="permission.includes('70')"
                        >审核</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>项目专班</td>
                    <td>
                      {{ project_list[5] ? project_list[5].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[5] ? project_list[5].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[5] ? project_list[5].status : "待建立" }}
                    </td>
                    <td>
                      {{ project_list[5] ? project_list[5].file_people : "" }}
                    </td>
                    <td
                      :class="[
                        info.item_stage_id >= 6 && isPE == 1 ? '' : 'no-click',
                      ]"
                    >
                      <span
                        :class="[
                          info.item_stage_id >= 6 && isPE == 1
                            ? 'on-click'
                            : 'not-click',
                          'btn-b',
                        ]"
                        @click="goEditClass"
                        v-if="permission.includes('75')"
                        >编辑</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 6 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="activeName = 'specialClass'"
                        v-if="permission.includes('76')"
                        >查看</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《项目目标管理计划书》</td>
                    <td>
                      {{ project_list[6] ? project_list[6].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[6] ? project_list[6].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[6] ? project_list[6].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[6] ? project_list[6].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 7 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('项目目标管理计划书')"
                        v-if="permission.includes('85')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 7 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目目标管理计划书')"
                        v-if="permission.includes('86')"
                        >查看</span
                      >
                      <!-- <span class="btn-y btn-long" @click="remind"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y"
                        @click="goPage('other', 2, '项目目标管理计划书')"
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td>深入论证</td>
                    <td>
                      {{ project_list[7] ? project_list[7].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[7] ? project_list[7].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[7] ? project_list[7].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[7] ? project_list[7].file_people : "" }}
                    </td>
                    <td
                      :class="[
                        info.item_stage_id == 8 ? '' : 'no-click',
                        project_list[7]
                          ? project_list[7].status == '非论证项目'
                            ? 'no-click'
                            : ''
                          : '',
                      ]"
                    >
                      <span
                        class="btn-y not-click "
                        @click="showUp('深入论证')"
                        v-if="permission.includes('34')"
                        >上传</span
                      >
                      <span
                        v-if="permission.includes('35')"
                        :class="[
                          info.item_stage_id >= 8 ? 'on-click' : 'not-click',
                          project_list[7]
                            ? project_list[7].status == '非论证项目'
                              ? 'not-click'
                              : ''
                            : '',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '深入论证')"
                        >查看</span
                      >
                      <!-- <span
                        v-if="permission.includes('36')"
                        class="btn-y btn-long not-click "
                        @click="
                          remind(project_list[7].file_type, project_list[7].id)
                        "
                        >提醒审核</span
                      >
                      <span
                        v-if="permission.includes('37')"
                        class="btn-y not-click "
                        @click="goPage('other', 2, '深入论证')"
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td>《项目合作协议（初稿）》</td>
                    <td>
                      {{ project_list[8] ? project_list[8].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[8] ? project_list[8].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[8] ? project_list[8].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[8] ? project_list[8].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 9 ? '' : 'no-click']">
                      <span
                        v-if="permission.includes('44')"
                        class="btn-y not-click "
                        @click="showUp('项目合作协议（初稿）')"
                        >上传</span
                      >
                      <span
                        v-if="permission.includes('45')"
                        :class="[
                          info.item_stage_id >= 9 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目合作协议（初稿）')"
                        >查看</span
                      >
                      <span
                        v-if="permission.includes('46')"
                        class="btn-y btn-long not-click "
                        @click="
                          remind(project_list[8].file_type, project_list[8].id)
                        "
                        >提醒审核</span
                      >
                      <span
                        v-if="permission.includes('47')"
                        class="btn-y not-click "
                        @click="goPage('other', 2, '项目合作协议（初稿）')"
                        >审核</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="5" class="lr">签约阶段</td>
                    <td>《项目合作协议（修改稿）》</td>
                    <td>
                      {{ project_list[9] ? project_list[9].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[9] ? project_list[9].deal_time : "" }}
                    </td>
                    <td>
                      {{ project_list[9] ? project_list[9].status : "待提交" }}
                    </td>
                    <td>
                      {{ project_list[9] ? project_list[9].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 10 ? '' : 'no-click']">
                      <span
                        v-if="permission.includes('54')"
                        class="btn-y not-click "
                        @click="showUp('项目合作协议（修改稿）')"
                        >上传</span
                      >
                      <span
                        v-if="permission.includes('55')"
                        :class="[
                          info.item_stage_id >= 10 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目合作协议（修改稿）')"
                        >查看</span
                      >
                      <span
                        v-if="permission.includes('56')"
                        class="btn-y btn-long not-click "
                        @click="
                          remind(project_list[9].file_type, project_list[9].id)
                        "
                        >提醒审核</span
                      >
                      <span
                        v-if="permission.includes('57')"
                        class="btn-y not-click "
                        @click="goPage('other', 2, '项目合作协议（修改稿）')"
                        >审核</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《签约项目协议合法性审查意见》</td>
                    <td>
                      {{ project_list[10] ? project_list[10].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[10] ? project_list[10].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[10] ? project_list[10].status : "待提交"
                      }}
                    </td>
                    <td>
                      {{ project_list[10] ? project_list[10].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 11 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('签约项目协议合法性审查意见')"
                        v-if="permission.includes('63')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 11 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="
                          goPage('other', 1, '签约项目协议合法性审查意见')
                        "
                        v-if="permission.includes('64')"
                        >查看</span
                      >
                      <!-- <span class="btn-y btn-long" @click="remind"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y"
                        @click="
                          goPage('other', 2, '签约项目协议合法性审查意见')
                        "
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td>《太原市公平竞争审查表》</td>
                    <td>
                      {{ project_list[11] ? project_list[11].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[11] ? project_list[11].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[11] ? project_list[11].status : "待提交"
                      }}
                    </td>
                    <td>
                      {{ project_list[11] ? project_list[11].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 12 ? '' : 'no-click']">
                      <span
                        v-if="permission.includes('71')"
                        class="btn-y not-click "
                        @click="showUp('太原市公平竞争审查表')"
                        >上传</span
                      >
                      <span
                        v-if="permission.includes('72')"
                        :class="[
                          info.item_stage_id >= 12 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '太原市公平竞争审查表')"
                        >查看</span
                      >
                      <!-- <span class="btn-y btn-long" @click="remind"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y"
                        @click="goPage('other', 2, '太原市公平竞争审查表')"
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td>《项目合作协议（送审稿）》</td>
                    <td>
                      {{ project_list[12] ? project_list[12].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[12] ? project_list[12].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[12] ? project_list[12].status : "待提交"
                      }}
                    </td>
                    <td>
                      {{ project_list[12] ? project_list[12].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 13 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('项目合作协议（送审稿）')"
                        v-if="permission.includes('77')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 13 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目合作协议（送审稿）')"
                        v-if="permission.includes('78')"
                        >查看</span
                      >
                      <span
                        class="btn-y btn-long not-click "
                        @click="
                          remind(
                            project_list[12].file_type,
                            project_list[12].id
                          )
                        "
                        v-if="permission.includes('79')"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y not-click "
                        @click="goPage('other', 2, '项目合作协议（送审稿）')"
                        v-if="permission.includes('80')"
                        >审核</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《综合审查》</td>
                    <td>
                      {{ project_list[13] ? project_list[13].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[13] ? project_list[13].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[13] ? project_list[13].status : "未完成"
                      }}
                    </td>
                    <td>
                      {{ project_list[13] ? project_list[13].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 14 ? '' : 'no-click']">
                      <span
                        class="btn-b not-click "
                        @click="showLookDialog(1, '综合审查', 14)"
                        v-if="permission.includes('87')"
                        >编辑</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 14 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="showLookDialog(2, '综合审查', 14)"
                        v-if="permission.includes('88')"
                        >查看</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="5" class="lr">项目推进组</td>
                    <td rowspan="3" class="lr">开工阶段</td>
                    <td>《项目合作协议》</td>
                    <td>
                      {{ project_list[14] ? project_list[14].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[14] ? project_list[14].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[14] ? project_list[14].status : "待提交"
                      }}
                    </td>
                    <td>
                      {{ project_list[14] ? project_list[14].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 15 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('项目合作协议')"
                        v-if="permission.includes('38')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 15 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '项目合作协议')"
                        v-if="permission.includes('39')"
                        >查看</span
                      >
                      <!-- <span class="btn-y btn-long" @click="remind"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y"
                        @click="goPage('other', 2, '项目合作协议')"
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td>项目综合审批</td>
                    <td>
                      {{ project_list[15] ? project_list[15].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[15] ? project_list[15].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[15] ? project_list[15].status : "未完成"
                      }}
                    </td>
                    <td>
                      {{ project_list[15] ? project_list[15].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 16 ? '' : 'no-click']">
                      <span
                        class="btn-b not-click "
                        @click="showLookDialog(1, '综合审批', 16)"
                        v-if="permission.includes('48')"
                        >编辑</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 16 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="showLookDialog(2, '综合审批', 16)"
                        v-if="permission.includes('49')"
                        >查看</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>项目代办手续</td>
                    <td>
                      {{ project_list[16] ? project_list[16].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[16] ? project_list[16].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[16] ? project_list[16].status : "未完成"
                      }}
                    </td>
                    <td>
                      {{ project_list[16] ? project_list[16].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 17 ? '' : 'no-click']">
                      <span
                        class="btn-b not-click "
                        @click="showLookDialog(1, '代办手续', 17)"
                        v-if="permission.includes('58')"
                        >编辑</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 17 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="showLookDialog(2, '代办手续', 17)"
                        v-if="permission.includes('59')"
                        >查看</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="2" class="lr">投产阶段</td>
                    <td>《完成情况申请验收表》</td>
                    <td>
                      {{ project_list[17] ? project_list[17].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[17] ? project_list[17].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[17] ? project_list[17].status : "未验收"
                      }}
                    </td>
                    <td>
                      {{ project_list[17] ? project_list[17].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 18 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('完成情况申请验收表')"
                        v-if="permission.includes('65')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 18 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '完成情况申请验收表')"
                        v-if="permission.includes('66')"
                        >查看</span
                      >
                      <!-- <span class="btn-y btn-long" @click="remind"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y"
                        @click="goPage('other', 2, '完成情况申请验收表')"
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td>《完成情况验收表》</td>
                    <td>
                      {{ project_list[18] ? project_list[18].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[18] ? project_list[18].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[18] ? project_list[18].status : "未验收"
                      }}
                    </td>
                    <td>
                      {{ project_list[18] ? project_list[18].file_people : "" }}
                    </td>
                    <td :class="[info.item_stage_id == 19 ? '' : 'no-click']">
                      <span
                        class="btn-y not-click "
                        @click="showUp('完成情况验收表')"
                        v-if="permission.includes('73')"
                        >上传</span
                      >
                      <span
                        :class="[
                          info.item_stage_id >= 19 ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPage('other', 1, '完成情况验收表')"
                        v-if="permission.includes('74')"
                        >查看</span
                      >
                      <!-- <span class="btn-y btn-long" @click="remind"
                        >提醒审核</span
                      >
                      <span
                        class="btn-y"
                        @click="goPage('other', 2, '完成情况验收表')"
                        >审核</span
                      > -->
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2">项目终止或结转</td>
                    <td>《申请终止（结转）审批表》</td>
                    <td>
                      {{ project_list[19] ? project_list[19].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[19] ? project_list[19].deal_time : "" }}
                    </td>
                    <td>
                      {{
                        project_list[19]
                          ? project_list[19].status
                          : "非终止(结转)"
                      }}
                    </td>
                    <td>
                      {{ project_list[19] ? project_list[19].file_people : "" }}
                    </td>
                    <td>
                      <span
                        class="btn-y "
                        @click="showUp('申请终止（结转）审批表')"
                        v-if="permission.includes('81')"
                        >上传</span
                      >

                      <span
                        class="btn-y"
                        @click="goPage('other', 1, '申请终止（结转）审批表')"
                        v-if="permission.includes('82')"
                        >查看</span
                      >
                      <span
                        class="btn-y btn-long"
                        @click="
                          remind(
                            project_list[19].file_type,
                            project_list[19].id
                          )
                        "
                        v-if="
                          permission.includes('83') &&
                            (project_list[19]
                              ? project_list[19].status != '已终止（结转）项目'
                              : true)
                        "
                        >提醒审核</span
                      >

                      <span
                        class="btn-y"
                        v-if="org_id == 4"
                        @click="goPage('other', 2, '申请终止（结转）审批表')"
                        >审核</span
                      >
                      <!-- v-if="
                          permission.includes('84') ||
                            (project_list[19]
                              ? project_list[19].status != '已终止（结转）项目'
                              : true)
                        " -->
                    </td>
                  </tr>
                </table>
              </div>
            </div>
            <div class="height_box"></div>
          </el-tab-pane>
          <el-tab-pane label="项目档案" name="archives">
            <div class="header_title"></div>
            <div class=" table-header">
              <table border="1" padding="0">
                <tr class="more-header">
                  <td width="120">项目阶段</td>
                  <td>档案文件名称</td>
                  <td width="138">建档时间</td>
                  <td width="90">状态</td>
                  <td width="110">负责人</td>
                  <td width="80">操作</td>
                  <td width="120">
                    <span class="btn-all" @click="downFiles()">全部下载</span>
                  </td>
                </tr>
              </table>
            </div>
            <div class="scroll scroll-box">
              <div class="table-more-2">
                <table border="1" padding="0">
                  <tr>
                    <td width="120" rowspan="2">招引阶段</td>
                    <td>项目信息台账</td>
                    <td width="138">
                      {{ project_list[0] ? project_list[0].apply_time1 : "" }}
                    </td>
                    <td width="90">
                      {{ project_list[0] ? project_list[0].status1 : "未建档" }}
                    </td>
                    <td width="110">
                      {{ project_list[0] ? project_list[0].file_people1 : "" }}
                    </td>
                    <td width="80" :class="[project_list[0] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[0] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPagePreview('pinfo', 2, 1)"
                        >预览</span
                      >
                    </td>
                    <td
                      width="120"
                      :class="[project_list[0] ? '' : 'no-click']"
                    >
                      <span
                        :class="[
                          project_list[0] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downInfoFile(project_list[0].project_id)"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《项目投资意向书》</td>
                    <td>
                      {{ project_list[1] ? project_list[1].apply_time1 : "" }}
                    </td>
                    <td>
                      {{ project_list[1] ? project_list[1].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[1] ? project_list[1].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[1] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[1] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[1])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[1] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[1] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[1])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="6">洽谈阶段</td>
                    <td>《项目立项审批单》</td>
                    <td>
                      {{ project_list[2] ? project_list[2].apply_time1 : "" }}
                    </td>
                    <td>
                      {{ project_list[2] ? project_list[2].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[2] ? project_list[2].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[2] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[2] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[2])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[2] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[2] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[2])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>项目化台账</td>
                    <td>
                      {{ project_list[3] ? project_list[3].apply_time1 : "" }}
                    </td>
                    <td>
                      {{ project_list[3] ? project_list[3].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[3] ? project_list[3].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[3] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[3] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="goPagePreview('pinfo', 2, 2)"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[3] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[3] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downProjectFile(project_list[3].project_id)"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td
                      :class="
                        project_list[4]
                          ? project_list[4].status1 == '一般项目'
                            ? 'ban'
                            : ''
                          : ''
                      "
                    >
                      《重点项目专题报告》
                    </td>
                    <td
                      :class="
                        project_list[4]
                          ? project_list[4].status1 == '一般项目'
                            ? 'ban'
                            : ''
                          : ''
                      "
                    >
                      {{ project_list[4] ? project_list[4].apply_time1 : "" }}
                    </td>
                    <td
                      :class="
                        project_list[4]
                          ? project_list[4].status1 == '一般项目'
                            ? 'ban'
                            : ''
                          : ''
                      "
                    >
                      {{ project_list[4] ? project_list[4].status1 : "未建档" }}
                    </td>
                    <td
                      :class="
                        project_list[4]
                          ? project_list[4].status1 == '一般项目'
                            ? 'ban'
                            : ''
                          : ''
                      "
                    >
                      {{ project_list[4] ? project_list[4].file_people1 : "" }}
                    </td>
                    <td
                      :class="[
                        project_list[4] ? '' : 'no-click',
                        project_list[4]
                          ? project_list[4].status1 == '一般项目'
                            ? 'ban no-click'
                            : ''
                          : '',
                      ]"
                    >
                      <span
                        :class="[
                          project_list[4] &&
                          project_list[4].status1 != '一般项目'
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[4])"
                        >预览</span
                      >
                    </td>
                    <td
                      :class="[
                        project_list[4] ? '' : 'no-click',
                        project_list[4]
                          ? project_list[4].status1 == '一般项目'
                            ? 'ban no-click'
                            : ''
                          : '',
                      ]"
                    >
                      <span
                        :class="[
                          project_list[4] &&
                          project_list[4].status1 != '一般项目'
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[4])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <!-- <tr>
                    <td>项目专班</td>
                    <td>
                      {{ project_list[5] ? project_list[5].apply_time : "" }}
                    </td>
                    <td>
                      {{ project_list[5] ? project_list[5].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[5] ? project_list[5].file_people : "" }}
                    </td>
                    <td :class="[project_list[5] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[5] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview('项目专班')"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[5] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[5] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles('项目专班')"
                        >下载</span
                      >
                    </td>
                  </tr> -->
                  <tr>
                    <td>《项目目标管理计划书》</td>
                    <td>
                      {{ project_list[6] ? project_list[6].apply_time1 : "" }}
                    </td>
                    <td>
                      {{ project_list[6] ? project_list[6].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[6] ? project_list[6].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[6] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[6] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[6])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[6] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[6] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[6])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td
                      :class="[
                        project_list[7]
                          ? project_list[7].status1 == '非论证项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      深入论证
                    </td>
                    <td
                      :class="[
                        project_list[7]
                          ? project_list[7].status1 == '非论证项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[7] ? project_list[7].apply_time1 : "" }}
                    </td>
                    <td
                      :class="[
                        project_list[7]
                          ? project_list[7].status1 == '非论证项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[7] ? project_list[7].status1 : "未建档" }}
                    </td>
                    <td
                      :class="[
                        project_list[7]
                          ? project_list[7].status1 == '非论证项目'
                            ? 'ban'
                            : ''
                          : '',
                      ]"
                    >
                      {{ project_list[7] ? project_list[7].file_people1 : "" }}
                    </td>
                    <td
                      :class="[
                        project_list[7] ? '' : 'no-click',
                        project_list[7]
                          ? project_list[7].status1 == '非论证项目'
                            ? 'ban no-click'
                            : ''
                          : '',
                      ]"
                    >
                      <span
                        :class="[
                          project_list[7] &&
                          project_list[7].status1 != '非论证项目'
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[7])"
                        >预览</span
                      >
                    </td>
                    <td
                      :class="[
                        project_list[7] ? '' : 'no-click',
                        project_list[7]
                          ? project_list[7].status1 == '非论证项目'
                            ? 'ban no-click'
                            : ''
                          : '',
                      ]"
                    >
                      <span
                        :class="[
                          project_list[7] &&
                          project_list[7].status1 != '非论证项目'
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[7])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《项目合作协议（初稿）》</td>
                    <td>
                      {{ project_list[8] ? project_list[8].apply_time1 : "" }}
                    </td>
                    <td>
                      {{ project_list[8] ? project_list[8].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[8] ? project_list[8].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[8] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[8] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[8])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[8] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[8] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[8])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="4">签约阶段</td>
                    <td>《项目合作协议（修改稿）》</td>
                    <td>
                      {{ project_list[9] ? project_list[9].apply_time1 : "" }}
                    </td>
                    <td>
                      {{ project_list[9] ? project_list[9].status1 : "未建档" }}
                    </td>
                    <td>
                      {{ project_list[9] ? project_list[9].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[9] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[9] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[9])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[9] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[9] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[9])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《签约项目协议合法性审查意见》</td>
                    <td>
                      {{ project_list[10] ? project_list[10].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[10] ? project_list[10].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{
                        project_list[10] ? project_list[10].file_people1 : ""
                      }}
                    </td>
                    <td :class="[project_list[10] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[10] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[10])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[10] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[10] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[10])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《太原市公平竞争审查表》</td>
                    <td>
                      {{ project_list[11] ? project_list[11].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[11] ? project_list[11].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{
                        project_list[11] ? project_list[11].file_people1 : ""
                      }}
                    </td>
                    <td :class="[project_list[11] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[11] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[11])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[11] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[11] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[11])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《项目合作协议（送审稿）》</td>
                    <td>
                      {{ project_list[12] ? project_list[12].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[12] ? project_list[12].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{
                        project_list[12] ? project_list[12].file_people1 : ""
                      }}
                    </td>
                    <td :class="[project_list[12] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[12] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[12])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[12] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[12] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[12])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <!-- <tr>
                    <td>《综合审查》</td>
                    <td>
                      {{ project_list[13] ? project_list[13].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[13] ? project_list[13].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{ project_list[13] ? project_list[13].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[13] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[13] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[13])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[13] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[13] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[13])"
                        >下载</span
                      >
                    </td>
                  </tr> -->
                  <tr>
                    <td>开工阶段</td>
                    <td>《项目合作协议》</td>
                    <td>
                      {{ project_list[14] ? project_list[14].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[14] ? project_list[14].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{
                        project_list[14] ? project_list[14].file_people1 : ""
                      }}
                    </td>
                    <td :class="[project_list[14] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[14] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[14])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[14] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[14] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[14])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <!-- <tr>
                    <td rowspan="2">开工阶段</td>
                    <td>项目综合审批</td>
                    <td>
                      {{ project_list[15] ? project_list[15].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[15] ? project_list[15].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{ project_list[15] ? project_list[15].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[15] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[15] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[15])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[15] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[15] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[15])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>项目代办手续</td>
                    <td>
                      {{ project_list[16] ? project_list[16].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[16] ? project_list[16].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{ project_list[16] ? project_list[16].file_people1 : "" }}
                    </td>
                    <td :class="[project_list[16] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[16] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[16])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[16] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[16] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[16])"
                        >下载</span
                      >
                    </td>
                  </tr> -->
                  <tr>
                    <td rowspan="2">投产阶段</td>
                    <td>《完成情况申请验收表》</td>
                    <td>
                      {{ project_list[17] ? project_list[17].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[17] ? project_list[17].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{
                        project_list[17] ? project_list[17].file_people1 : ""
                      }}
                    </td>
                    <td :class="[project_list[17] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[17] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[17])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[17] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[17] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[17])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>《完成情况验收表》</td>
                    <td>
                      {{ project_list[18] ? project_list[18].apply_time1 : "" }}
                    </td>
                    <td>
                      {{
                        project_list[18] ? project_list[18].status1 : "未建档"
                      }}
                    </td>
                    <td>
                      {{
                        project_list[18] ? project_list[18].file_people1 : ""
                      }}
                    </td>
                    <td :class="[project_list[18] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[18] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[18])"
                        >预览</span
                      >
                    </td>
                    <td :class="[project_list[18] ? '' : 'no-click']">
                      <span
                        :class="[
                          project_list[18] ? 'on-click' : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[18])"
                        >下载</span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td>
                      项目终止或结转
                    </td>
                    <td
                      :class="[
                        project_list[19]
                          ? project_list[19].status1 == '已建档'
                            ? ''
                            : 'ban'
                          : 'ban',
                      ]"
                    >
                      《申请终止（结转）审批表》
                    </td>
                    <td
                      :class="[
                        project_list[19]
                          ? project_list[19].status1 == '已建档'
                            ? ''
                            : 'ban'
                          : 'ban',
                      ]"
                    >
                      {{ project_list[19] ? project_list[19].apply_time1 : "" }}
                    </td>
                    <td
                      :class="[
                        project_list[19]
                          ? project_list[19].status1 == '已建档'
                            ? ''
                            : 'ban'
                          : 'ban',
                      ]"
                    >
                      {{
                        project_list[19]
                          ? project_list[19].status1
                          : "非终止（结转）项目"
                      }}
                    </td>
                    <td
                      :class="[
                        project_list[19]
                          ? project_list[19].status1 == '已建档'
                            ? ''
                            : 'ban'
                          : 'ban',
                      ]"
                    >
                      {{
                        project_list[19] ? project_list[19].file_people1 : ""
                      }}
                    </td>
                    <td
                      :class="[
                        project_list[19] ? '' : 'no-click',
                        project_list[19]
                          ? project_list[19].status1 == '已建档'
                            ? ''
                            : 'ban'
                          : 'ban',
                      ]"
                    >
                      <span
                        :class="[
                          project_list[19] &&
                          project_list[19].status1 == '已建档'
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="preview(project_list[19])"
                        >预览</span
                      >
                    </td>
                    <td
                      :class="[
                        project_list[19] ? '' : 'no-click',
                        project_list[19]
                          ? project_list[19].status1 == '已建档'
                            ? ''
                            : 'ban'
                          : 'ban',
                      ]"
                    >
                      <span
                        :class="[
                          project_list[19] &&
                          project_list[19].status1 == '已建档'
                            ? 'on-click'
                            : 'not-click',
                          'btn-y',
                        ]"
                        @click="downFiles(project_list[19])"
                        >下载</span
                      >
                    </td>
                  </tr>
                </table>
              </div>
            </div>
            <div class="height_box"></div>
          </el-tab-pane>
          <el-tab-pane label="项目日志" name="progress">
            <div class="p-flex">
              <div class="p-left">
                <div>
                  <div class="header_title">日志更新</div>
                  <div class="flex-rz">
                    <div @click="goLog('编辑', '日报记录')" class="b-20">
                      <span class="add"></span>
                      <p>日报更新</p>
                      <p class="c-9">今日完成工作</p>
                    </div>

                    <div @click="goLog('编辑', '周报记录')" class="b-20">
                      <span class="add"></span>
                      <p>周调度报告</p>
                      <p class="c-9">《问题清单推进表》</p>
                    </div>
                    <div @click="goLog('编辑', '月报记录')" class="b-20">
                      <span class="add"></span>
                      <p>月通报</p>
                      <p class="c-9">
                        <span
                          style="    white-space: nowrap; transform: scale(0.7);  -moz-transform: scale(0.7);  -webkit-transform: scale(0.7);-o-transform: scale(0.7);"
                          >《招商引资项目进展自查报告》</span
                        >
                        <br />《招商引资工作通报》
                      </p>
                    </div>
                    <div @click="goLog('编辑', '季报记录')">
                      <span class="add"></span>
                      <p>季观摩</p>
                      <p class="c-9">存在问题</p>
                    </div>
                    <div @click="goLog('编辑', '半年报记录')">
                      <span class="add"></span>
                      <p>半年晾晒</p>
                      <p class="c-9">半年度工作总结</p>
                    </div>
                    <div @click="goLog('编辑', '年报记录')">
                      <span class="add"></span>
                      <p>年终总结</p>
                      <p class="c-9">年度工作总结</p>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="header_title">督办督查</div>
                  <div class="flex-rz" style="justify-content:flex-start;">
                    <!-- <div>
                      <span class="add t-24"></span>
                      <p>任务派发</p>
                    </div> -->
                    <div @click="goLog('编辑', '督办通知单')">
                      <span class="add t-24"></span>
                      <p>督办通知单</p>
                    </div>
                    <div
                      @click="goLog('编辑', '专项督查报告')"
                      style="margin-left:20px;"
                    >
                      <span class="add t-24"></span>
                      <p>专项督查报告</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-right">
                <div class="header_title">历史记录</div>
                <ul class="select-box ">
                  <li class="one">
                    <label for="">日志类型：</label>
                    <el-select
                      v-model="log_type"
                      clearable
                      placeholder="请选择"
                      @change="changeType"
                    >
                      <el-option
                        v-for="item in options_A"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>
                  </li>
                  <li class="two">
                    <label for="">时间范围：</label>
                    <el-select
                      v-model="time_range"
                      clearable
                      placeholder="请选择"
                      @change="changeTime"
                    >
                      <el-option
                        v-for="item in options_B"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>
                  </li>
                </ul>
                <div class="table-rz">
                  <table>
                    <tr>
                      <td width="110">时间</td>
                      <td>日志名称</td>
                      <td width="80">操作</td>
                    </tr>
                    <tr v-for="item of list" :key="item.name">
                      <td>{{ item.log_time }}</td>
                      <td>{{ item.log_name }}</td>
                      <td>
                        <span
                          class="btn-y"
                          @click="goLog('查看', item.log_type, item.id)"
                          >查看</span
                        >
                      </td>
                    </tr>
                  </table>
                </div>
                <el-pagination
                  @current-change="handleCurrentChange"
                  :current-page.sync="page"
                  :page-size="per_page"
                  layout=" prev, pager, next "
                  :total="total"
                >
                </el-pagination>
              </div>
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
      <div class="main-right">
        <div class="header_title header_title_right">
          <img src="~@img/public/icon-record.png" alt="" />
          <span>项目动态</span>
        </div>
        <ul class="logs scroll">
          <li v-for="(item, index) of dynamicList" :key="index">
            <p class="info">{{ item.operation_people }}</p>
            <p class="times">{{ item.operation_time }}</p>
          </li>
          <li v-if="dynamicList.length < dynamicSize" class="last">
            <div class="more" @click="moreDynamic">
              加载更多动态 <img src="~@img/project/icon-more.png" alt="" />
            </div>
          </li>
          <li v-if="dynamicSize == dynamicList.length" class="last">
            <div class="none">- 已全部加载完成 -</div>
          </li>
        </ul>
      </div>
    </div>
    <el-dialog
      :class="[
        isProof == true || isComplete == true || isOver == true ? 'proof' : '',
        isExamine == false ? 'examine' : '',
      ]"
      title="文件上传"
      :visible.sync="showUpload"
      @close="closeShowUp"
      :show-close="false"
      center
      width="780px"
    >
      <div class="d-content">
        <p class="label-name">项目名称：</p>
        <p class="label-input">{{ info.project_name }}</p>
        <p v-if="isProof" class="label-name">是否论证:</p>
        <p v-if="isProof">
          <el-radio v-model="proof" label="1">是</el-radio>
          <el-radio v-model="proof" label="0">否</el-radio>
        </p>
        <p v-if="isComplete" class="label-name">是否通过验收:</p>
        <p v-if="isComplete">
          <el-radio v-model="complete" label="1">是</el-radio>
          <el-radio v-model="complete" label="0">否</el-radio>
        </p>
        <p v-if="isOver" class="label-name">是否符合终止（结转）项目:</p>
        <p v-if="isOver">
          <el-radio v-model="over" label="1">是</el-radio>
          <el-radio v-model="over" label="0">否</el-radio>
        </p>
        <p v-if="isExamine && [5, 20].includes(file_type)" class="label-name">
          添加审核人:
        </p>
        <p v-if="isExamine && [5, 20].includes(file_type)">
          <el-cascader
            v-model="ReportRecipient"
            :options="options_recipient3"
            :props="{
              value: 'value',
              label: 'label',
            }"
          >
          </el-cascader>
        </p>
        <p
          v-if="isExamine && [2, 3, 9, 10, 13].includes(file_type)"
          class="label-name"
        >
          添加审核人:
        </p>
        <p v-if="isExamine && [2, 3, 9, 10, 13].includes(file_type)">
          <el-cascader
            v-model="ReportRecipient"
            :options="options_recipient2"
            :props="{
              value: 'value',
              label: 'label',
            }"
          >
          </el-cascader>
        </p>

        <p class="label-name">附件上传：</p>
        <el-upload
          class="upload-demo"
          action=""
          ref="upload"
          accept=".pdf,.docx"
          :before-upload="beforeUpload"
          :http-request="uploadFile"
          :on-remove="handleRemove"
          :auto-upload="false"
          :file-list="fileList"
          :limit="1"
          :show-file-list="false"
          :on-change="changeFile"
        >
          <el-button size="small" type="primary">
            <img src="~@img/project/icon-add.png" alt="" />点击上传
          </el-button>
          <div slot="tip" class="el-upload__tip">
            （上传文件的类型 docx、pdf）
          </div>
        </el-upload>
        <div v-for="item of changeFileList" :key="item.name" class="file-list">
          <img
            v-if="
              item.name.split('.')[item.name.split('.').length - 1] == 'xls' ||
                item.name.split('.')[item.name.split('.').length - 1] == 'xlsx'
            "
            src="~@img/upload/icon-excel.png"
            alt=""
          />
          <img
            v-if="
              item.name.split('.')[item.name.split('.').length - 1] == 'pdf'
            "
            src="~@img/upload/icon-pdf.png"
            alt=""
          />
          <img
            v-if="
              item.name.split('.')[item.name.split('.').length - 1] == 'docx'
            "
            src="~@img/upload/icon-word.png"
            alt=""
          />

          <span class="name">{{ item.name }}</span>
          <span @click="lookFile(item)" class="img111">
            <img src="~@img/upload/icon-eye.png" alt="" />
            <span class="s">预览</span>
          </span>
          <span @click="delFile(item.uid)" class="img222">
            <img src="~@img/upload/icon-delete.png" alt="" />
            <span class="d">删除</span>
          </span>
        </div>
      </div>
      <div slot="footer">
        <el-button @click="closeShowUp">
          取 消
        </el-button>
        <el-button type="primary" @click="upload">
          提 交
        </el-button>
      </div>
    </el-dialog>
    <el-dialog
      class="look"
      :title="isLook ? '事项查看' : '事项编辑'"
      :visible.sync="showDialog"
      @close="closeShow"
      :show-close="false"
      center
      width="780px"
    >
      <div class="d-content">
        <p class="label-name">项目名称：</p>
        <p class="label-input">{{ info.project_name }}</p>
        <p class="label-name">{{ dialogText }}:</p>
        <p>
          <el-radio v-model="flag" :label="1" :disabled="isLook"
            >已完成{{ dialogText }}</el-radio
          >
          <el-radio v-model="flag" :label="0" :disabled="isLook"
            >未完成{{ dialogText }}</el-radio
          >
        </p>
      </div>
      <div slot="footer" v-if="!isLook">
        <el-button @click="closeShow">
          取 消
        </el-button>
        <span :class="flag != 1 ? 'btn-not-click-cur' : ''">
          <el-button
            type="primary"
            @click="submit"
            :class="flag != 1 ? 'btn-not-click' : ''"
          >
            提 交
          </el-button>
        </span>
      </div>
      <div slot="footer" class="dialog-footer" v-if="isLook">
        <el-button type="primary" @click="closeShow">
          返 回
        </el-button>
      </div>
    </el-dialog>
    <div class="file-show" v-if="openFile">
      <div class="gb" @click="closeFileShow">关 闭</div>
      <iframe v-if="showFileBySrc" :src="fileSrc" frameborder="0"></iframe>
      <div v-else ref="word" class="word"></div>
    </div>
  </div>
</template>

<script>
let docx = require("docx-preview");
import {
  CheckProjectDetail,
  ClassProject1Show,
  UploadProjectFile,
  EditThree,
  GetLogList,
  GetItemList,
  RemindAudit,
  GetDynamicLog,
  ItemDownload,
  RoleDownBox,
  IsProjectExecutor,
} from "@/api/project/detail";

import { downFilesBy50, downFilesByAli } from "@/api/index";
import { BatchExportProject1, BatchExportProject2 } from "@/api/project/book";
export default {
  data() {
    return {
      isPE: 0,
      org_id: "",
      permission: [],
      // 选项卡
      activeName: "info",
      // 项目id
      id: "",
      // 项目基本信息
      info: {},
      // 项目专班详情
      classProject: {},
      // 上传弹框
      // 上传 --- 弹框
      showUpload: false,
      isExamine: false,
      // 深入论证
      proof: "0",
      isProof: false,
      //上传 --- 完成情况申请验收表    完成情况验收表
      complete: "0",
      isComplete: false,
      //上传 --- 申请终止（结转）审批表
      over: "0",
      isOver: false,
      // 上传 --- 审批人
      ReportRecipient: "",
      // 上传 --- 审批人筛选项
      options_recipient1: [],
      options_recipient2: [],
      // 仅许涛
      options_recipient3: [],
      // 部分查看 审核
      showDialog: false,
      // 判断是查看还是审核
      isLook: false,

      type: "",
      page: 1,
      per_page: 6,
      total: 0,
      log_type: "",
      time_range: "",

      flag: 0,
      dialogText: "",
      options_A: [
        {
          label: "日报记录",
          value: "日报记录",
        },
        {
          label: "周报记录",
          value: "周报记录",
        },
        {
          label: "月报记录",
          value: "月报记录",
        },
        {
          label: "季报记录",
          value: "季报记录",
        },
        {
          label: "半年报记录",
          value: "半年报记录",
        },
        {
          label: "年报记录",
          value: "年报记录",
        },
        {
          label: "督办通知单",
          value: "督办通知单",
        },
        {
          label: "专项督查报告",
          value: "专项督查报告",
        },
      ],
      options_B: [
        {
          label: "近7天",
          value: "7",
        },
        {
          label: "近15天",
          value: "15",
        },
        {
          label: "近30天",
          value: "30",
        },
        {
          label: "近60天",
          value: "60",
        },
        {
          label: "近1年",
          value: "365",
        },
      ],
      fileList: [],
      project_list: [],
      list: [],
      file_type: 0,
      fileSrc: "",
      showFileBySrc: "",
      openFile: false,
      dynamicPage: 1,
      dynamicList: [],
      dynamicSize: 0,
      changeFileList: [],
    };
  },
  components: {},
  watch: {
    "$route.name": function(newVal, oldVal) {
      if (newVal == "project") {
        let type = this.$route.params.type;
        let id = this.$route.params.id;
        if (this.type != type || this.id != id) {
          this.type = type;
          this.id = id;
          this.activeName = "info";
        }
        this.getDetailInfo();
        this.getClassProject();
      }
    },
  },
  mounted() {
    this.org_id = localStorage.getItem("org_id") || "";

    this.permission = localStorage.getItem("funcList").split(",");
    let activeCard = localStorage.getItem("activeCard") || "info";
    this.activeName = activeCard;
    this.token = localStorage.getItem("login");
    let { type, id } = this.$route.params;
    this.type = type;
    this.id = id;
    this.RoleDownBox3();
    this.RoleDownBox2();
    this.getDetailInfo();
    this.getClassProject();
    this.GetLogLists();
    this.GetItemList();
    this.GetDynamicLog();
    this.IsProjectExecutor();
  },

  methods: {
    closeFileShow() {
      this.openFile = false;
      this.fileSrc = "";
    },
    async IsProjectExecutor() {
      let res = await IsProjectExecutor({ project_id: parseInt(this.id) });
      console.log(res);
      if (res.code == 0) {
        this.isPE = res.flag;
      }
    },
    async RoleDownBox1() {
      // 四级下拉框
      let res = await RoleDownBox();
      this.options_recipient1 = [...res].map((item) => {
        if (item.label == "领导小组") {
          item.disabled = false;
        } else {
          item.disabled = true;
        }
        return item;
      });
    },
    async RoleDownBox2() {
      // 四级下拉框
      let res = await RoleDownBox();
      this.options_recipient2 = [...res].map((item) => {
        if (item.label == "促进外来投资局") {
          item.disabled = false;
          item.children = item.children.map((i) => {
            if (i.label == "促进外来投资局") {
              i.disabled = false;
              i.children = i.children.map((ii) => {
                if (ii.label == "项目总监1（对接服务组）") {
                  ii.disabled = false;
                } else {
                  ii.disabled = true;
                }
                return ii;
              });
            } else {
              i.disabled = true;
            }
            return i;
          });
        } else {
          item.disabled = true;
        }
        return item;
      });
    },
    async RoleDownBox3() {
      // 四级下拉框
      let res = await RoleDownBox();
      this.options_recipient3 = [...res].map((item) => {
        if (item.label == "领导小组") {
          item.disabled = false;
          item.children = item.children.map((i) => {
            if (i.label == "领导小组办公室副主任（党组书记、局长）") {
              i.disabled = false;
              i.children = i.children.map((ii) => {
                if (ii.label == "许涛") {
                  ii.disabled = false;
                } else if (ii.label == "测试员李先生1504") {
                  ii.disabled = false;
                } else {
                  ii.disabled = true;
                }
                return ii;
              });
            } else {
              i.disabled = true;
            }
            return i;
          });
        } else {
          item.disabled = true;
        }
        return item;
      });
      console.log(this.options_recipient3);
    },
    moreDynamic() {
      if (this.dynamicList.length == this.dynamicSize) {
        return;
      }
      this.dynamicPage++;
      this.GetDynamicLog();
    },
    async GetDynamicLog() {
      let res = await GetDynamicLog({
        project_id: this.id,
        page: this.dynamicPage,
        per_page: 10,
        token: this.token,
      });
      if (res.code && res.code != 0) {
        this.dynamicPage > 1 ? this.dynamicPage-- : "";
      } else {
        this.dynamicList = [...this.dynamicList, ...res.data];
        this.dynamicSize = res.size;
      }
    },

    async GetItemList() {
      let res = await GetItemList({
        project_id: this.id,
      });
      if (res.code && res.code != 0) {
      } else {
        let list = [];
        res.map((item) => {
          list[item.file_type - 1] = item;
        });
        this.project_list = list;
        console.log(this.project_list);
      }
    },
    changeType(val) {
      this.page = 1;
      this.log_type = val;
      this.GetLogLists();
    },
    changeTime(val) {
      this.page = 1;
      this.time_range = val;
      this.GetLogLists();
    },
    async GetLogLists() {
      let res = await GetLogList({
        log_type: this.log_type,
        time_range: this.time_range,
        project_id: this.id,
        page: this.page,
        per_page: this.per_page,
      });
      if (res.code && res.code != 0) {
      } else {
        this.list = res.log_list;
        this.total = res.size;
      }
    },
    // 获取项目基本信息
    async getDetailInfo() {
      let res = await CheckProjectDetail({
        project_type: this.type == "info" ? 1 : 2,
        project_id: this.id,
      });
      if (res.code && res.code != 0) {
      } else {
        this.info = {
          ...res.data[0],
          item_stage_id: res.data[0].item_stage_id + 1,
        };
        if (this.info.project_level == "一般项目") {
          let el_step__icon_inners = document.getElementsByClassName(
            "el-step__icon-inner"
          );
          el_step__icon_inners[4].style.display = "none";
        }
      }
    },
    // 获取项目专班信息
    async getClassProject() {
      let res = await ClassProject1Show({
        project_id: this.id,
      });
      if (res.code && res.code != 0) {
      } else {
        this.classProject = res.data[0];
      }
    },
    // 显示上传弹框 不同流程展示不同信息
    showUp(process) {
      let file_type_list = [
        { name: "信息台账", type: 1 },
        {
          name: "项目投资意向书",
          type: 2,
        },
        {
          name: "项目立项审批单",
          type: 3,
        },
        {
          name: "项目化台账",
          type: 4,
        },
        {
          name: "重点项目专题报告",
          type: 5,
        },
        {
          name: "项目专班",
          type: 6,
        },
        {
          name: "项目目标管理计划书",
          type: 7,
        },
        {
          name: "深入论证",
          type: 8,
        },
        {
          name: "项目合作协议（初稿）",
          type: 9,
        },
        {
          name: "项目合作协议（修改稿）",
          type: 10,
        },

        {
          name: "签约项目协议合法性审查意见",
          type: 11,
        },
        {
          name: "太原市公平竞争审查表",
          type: 12,
        },
        {
          name: "项目合作协议（送审稿）",
          type: 13,
        },
        {
          name: "综合审查",
          type: 14,
        },
        {
          name: "项目合作协议",
          type: 15,
        },
        {
          name: "综合审批",
          type: 16,
        },
        {
          name: "代办手续",
          type: 17,
        },
        {
          name: "完成情况申请验收表",
          type: 18,
        },
        {
          name: "完成情况验收表",
          type: 19,
        },
        {
          name: "申请终止（结转）审批表",
          type: 20,
        },
      ];

      file_type_list.map((item) => {
        item.name == process ? (this.file_type = item.type) : "";
      });
      let notExamineTypeList = [7, 8, 11, 12, 15, 18, 19];
      if (notExamineTypeList.includes(this.file_type)) {
        this.isExamine = false;
        // this.isExamine = true;修改地方
      } else {
        this.isExamine = true;
      }
      if (process == "深入论证") {
        this.isProof = true;
      } else {
        this.isProof = false;
      }
      if (process == "完成情况申请验收表" || process == "完成情况验收表") {
        this.isComplete = true;
      } else {
        this.isComplete = false;
      }
      if (process == "申请终止（结转）审批表") {
        this.isOver = true;
      } else {
        this.isOver = false;
      }
      this.showUpload = true;
    },
    changeFile(file, fileList) {
      console.log(fileList);
      this.changeFileList = fileList;
    },
    lookFile(item) {
      console.log(item);
      if (item.name.includes("pdf")) {
        this.showFileBySrc = true;
        let url = window.URL.createObjectURL(item.raw);
        this.fileSrc = url;
        this.openFile = true;
        console.log(this.fileSrc);
      } else {
        this.showFileBySrc = false;
        this.openFile = true;
        this.$nextTick(() => {
          docx.renderAsync(item.raw, this.$refs.word);
        });
      }
    },
    delFile(uid) {
      this.changeFileList.map((item, index) => {
        if (item.uid == uid) {
          let a = this.changeFileList.splice(index, 1);
          console.log(a);
        }
      });
    },
    beforeUpload(file, fileList) {
      this.fileName = file.name;
      const isExcel =
        file.name.split(".")[file.name.split(".").length - 1] === "pdf" ||
        file.name.split(".")[file.name.split(".").length - 1] === "docx";
      // const isSize = file.size / 1024 / 1024 < 10;
      if (!isExcel) {
        this.$message({
          message: "只能上传docx或pdf文件!",
          type: "warning",
          showClose: true,
        });
      }
      return isExcel;
    },
    handleRemove(file, fileList) {
      this.fileList = fileList;
      this.changeFileList = fileList;
    },
    async uploadFile(params) {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(255, 255, 255, 0.7)",
      });
      let fd = new FormData();
      fd.append("project_id", this.id);
      fd.append("token", this.token);
      fd.append("file_type", this.file_type);
      fd.append("file_name", params.file.name);
      fd.append("file", params.file);
      fd.append("is_lunzheng", this.proof);
      fd.append("is_yanshou", this.complete);
      fd.append("is_zhongzhi", this.over);
      if (this.ReportRecipient.length != 0) {
        console.log(11111);
        let value = [...this.ReportRecipient];
        let id = value[value.length - 1].split("-")[1];
        fd.append("file_audit_people", value.join("/"));
        fd.append("file_audit_people_id", parseInt(id));
      } else {
        console.log(2222);
        fd.append("file_audit_people", "");
        fd.append("file_audit_people_id", null);
      }

      try {
        let res = await UploadProjectFile(fd);
        if (res.code == 0) {
          loading.close();
          this.closeShowUp();
          this.$message.success(res.msg);
        } else {
          loading.close();
          this.closeShowUp();
          this.$message.error(res.msg);
        }
      } catch {
        this.fileList = [];
        this.changeFileList = [];
        this.closeShowUp();
        loading.close();
      }
      this.getDetailInfo();
      this.GetItemList();
      this.GetDynamicLog();
    },
    // 上传文件
    async upload() {
      if (this.file_type == 8 && this.isProof == true && this.proof == false) {
        const loading = this.$loading({
          lock: true,
          text: "Loading",
          spinner: "el-icon-loading",
          background: "rgba(255, 255, 255, 0.7)",
        });
        let fd = new FormData();
        fd.append("project_id", this.id);
        fd.append("token", this.token);
        fd.append("file_type", this.file_type);
        fd.append("file_name", "");
        fd.append("file", "");
        fd.append("is_lunzheng", this.proof);
        fd.append("is_yanshou", 0);
        fd.append("is_zhongzhi", 0);
        fd.append("file_audit_people", "");
        fd.append("file_audit_people_id", null);
        try {
          console.log(1);
          let res = await UploadProjectFile(fd);
          if (res.code == 0) {
            loading.close();
            this.closeShowUp();
            this.$message.success(res.msg);
          } else {
            loading.close();
            this.closeShowUp();
            this.$message.error(res.msg);
          }
        } catch {
          this.fileList = [];
          this.changeFileList = [];
          this.closeShowUp();
          loading.close();
          this.$message("上传失败！");
        }
        this.getDetailInfo();
        this.GetItemList();
        this.GetDynamicLog();
      }
      let list = [2, 3, 9, 10, 13, 5, 20];
      if (list.includes(this.file_type)) {
        let value = [...this.ReportRecipient];
        let id = value[value.length - 1].split("-")[1];
        if (this.ReportRecipient == "" || this.ReportRecipient.length == 0) {
          this.$message.warning("请添加审核人");
          return;
        }
        if (id == undefined) {
          this.$message.warning("请选择到具体的审核人");
          return;
        }
      }

      this.$refs.upload.submit();
    },
    // 编辑查看 显示查看弹框 type  1 2 （是否为查看）  text 弹框标题
    showLookDialog(type, text, file_type) {
      this.file_type = file_type;
      this.dialogText = text;
      if (type == 2) {
        this.isLook = true;
        this.pushEditThree();
      } else {
        this.isLook = false;
        this.pushEditThree();
      }
    },

    async pushEditThree() {
      let res = await EditThree({
        project_id: this.id,
        file_type: this.file_type,
        flag: 2,
        is_examine: "",
        is_project_examine: "",
        is_procedure: "",
      });
      if (res.code && res.code != 0) {
        this.flag = res.status == 1 ? 1 : 0;
        this.showDialog = true;
      } else {
        this.flag = res.status == 1 ? 1 : 0;
        this.showDialog = true;
      }
    },
    closeShow() {
      // this.ReportRecipient = [];
      // this.fileList = [];
      this.flag = 0;
      this.dialogText = "";
      this.showDialog = false;
    },
    // 提交文件
    async submit() {
      let res = await EditThree({
        project_id: this.id,
        file_type: this.file_type,
        flag: 1,
        is_examine: this.dialogText == "综合审查" ? this.flag : "",
        is_project_examine: this.dialogText == "综合审批" ? this.flag : "",
        is_procedure: this.dialogText == "代办手续" ? this.flag : "",
      });
      if (res.code && res.code != 0) {
        this.$message.error(res.msg);
      } else {
        this.$message.success(res.msg);
        this.closeShow();
      }
      this.getDetailInfo();
      this.GetItemList();
      this.GetDynamicLog();

      // this.showDialog = false;
    },
    // 关闭弹框触发事件

    closeShowUp() {
      this.proof = "0";
      this.complete = "0";
      this.over = "0";
      this.ReportRecipient = [];
      this.fileList = [];
      this.changeFileList = [];
      this.showUpload = false;
    },
    // 提醒审核事件
    async remind(type, id) {
      console.log(1);
      // this.$message.success("提醒审核已发送！");
      let res = await RemindAudit({
        project_id: this.id,
        file_type: type,
        file_id: id,
        token: this.token,
      });
      if (res.code == 0) {
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
    },
    // 项目档案 --- 预览文件
    async preview(item) {
      if (this.permission.includes("13") == false) {
        this.$message.warning("暂无权限，请联系管理员！");
        return;
      }
      let res = await ItemDownload({
        project_id: item.project_id,
        item_stage_id: item.file_type,
      });
      if (res.code && res.code != 0) {
        this.$message.error(res.msg);
      } else {
        let routeUrl = this.$router.resolve({
          name: "files",
          query: {
            url: res,
          },
        });
        window.open(routeUrl.href, "_blank");
      }
    },

    // 项目档案 --- 下载文件
    async downFiles(item) {
      if (this.permission.includes("14") == false) {
        this.$message.warning("暂无权限，请联系管理员！");
        return;
      }
      if (item) {
        let res = await ItemDownload({
          project_id: item.project_id,
          item_stage_id: item.file_type,
        });

        if (res.code && res.code != 0) {
          this.$message.error(res.msg);
        } else {
          if (res.includes(".pdf")) {
            let url = res.replace(
              "https://zysf-store.oss-cn-beijing.aliyuncs.com",
              "/file"
            );
            let fileName = url.split("/")[url.split("/").length - 1];
            console.log(fileName);
            this.$axios({
              method: "get",
              // params: { fileId: this.fileId },
              url: url, // 下载文件接口地址
              // 文件流
              responseType: "blob",
            })
              .then((res) => {
                let url1 = window.URL.createObjectURL(new Blob([res.data]), {
                  type: "application/pdf",
                });
                // 生成一个a标签
                let link = document.createElement("a");
                link.style.display = "none";
                link.href = url1;
                console.log(url1);
                // 生成时间戳
                let timestamp = new Date().getTime();
                link.download = fileName;
                document.body.appendChild(link);
                link.click();
              })
              .catch(() => {});
          } else {
            window.open(res);
          }
        }
      } else {
        let res = await ItemDownload({
          project_id: this.id,
          item_stage_id: "",
        });
        if (res.code && res.code != 0) {
          this.$message.error(res.msg);
        } else {
          let url = res.replace("http:/39.100.39.50:5051", "");
          let fileName = url.split("/")[url.split("/").length - 1];
          console.log(fileName);
          let BoldFile = await downFilesBy50(url);
          console.log(BoldFile);
          let url1 = window.URL.createObjectURL(new Blob([BoldFile]));
          // 生成一个a标签
          let link = document.createElement("a");
          link.style.display = "none";
          link.href = url1;
          console.log(url1);
          // 生成时间戳
          link.download = `项目档案.zip`;
          document.body.appendChild(link);
          link.click();
        }
      }
    },
    async downInfoFile(id) {
      if (this.permission.includes("14") == false) {
        this.$message.warning("暂无权限，请联系管理员！");
        return;
      }
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(255, 255, 255, 0.7)",
      });
      let res = await BatchExportProject1({ select_id_list: [id] });
      if (res.code == 0) {
        window.open(res.url);
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
      loading.close();
    },
    async downProjectFile(id) {
      if (this.permission.includes("14") == false) {
        this.$message.warning("暂无权限，请联系管理员！");
        return;
      }
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(255, 255, 255, 0.7)",
      });
      let res = await BatchExportProject2({ select_id_list: [id] });
      if (res.code == 0) {
        window.open(res.url);
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
      loading.close();
    },
    // 项目日志 --- 前往日志编辑 查看 页面
    goLog(status, log_type, id) {
      if (status == "查看" && this.permission.includes("31") == false) {
        this.$message.warning("暂无权限，请联系管理员！");
        return;
      } else if (status == "编辑") {
        if (log_type == "日报记录" && this.permission.includes("23") == false) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "周报记录" &&
          this.permission.includes("24") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "月报记录" &&
          this.permission.includes("25") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "季报记录" &&
          this.permission.includes("26") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "半年报记录" &&
          this.permission.includes("27") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "年报记录" &&
          this.permission.includes("28") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "督办通知单" &&
          this.permission.includes("29") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        } else if (
          log_type == "专项督查报告" &&
          this.permission.includes("30") == false
        ) {
          this.$message.warning("暂无权限，请联系管理员！");
          return;
        }
      }

      let type = "";
      switch (log_type) {
        case "日报记录":
          type = 0;
          break;
        case "周报记录":
          type = 1;
          break;
        case "月报记录":
          type = 2;
          break;
        case "季报记录":
          type = 3;
          break;
        case "半年报记录":
          type = 4;
          break;
        case "年报记录":
          type = 5;
          break;
        case "督办通知单":
          type = 6;
          break;
        case "专项督查报告":
          type = 7;
          break;
      }
      if (type == 6 || type == 7) {
        this.$router.push({
          name: "supervise",
          params: {
            id: status == "编辑" ? this.id : id,
            type: type,
            status: status == "编辑" ? "edit" : "look",
          },
          query: {
            name: this.info.project_name,
          },
          //
        });
      } else {
        this.$router.push({
          name: "log",
          params: {
            id: status == "编辑" ? this.id : id,
            type: type,
            status: status == "编辑" ? "edit" : "look",
          },
        });
      }
    },
    goPagePreview(url, status, type) {
      if (this.permission.includes("13") == false) {
        this.$message.warning("暂无权限，请联系管理员！");
        return;
      }
      this.$router.push({
        name: url,
        params: {
          id: this.id,
          type: type == 1 ? "info" : "project",
          status: status == 1 ? "edit" : "look",
        },
      });
    },
    // 项目事项 --- 前往项目编辑 查看页
    goPage(url, status, type) {
      let file_type_list = [
        { name: "信息台账", type: 1 },
        {
          name: "项目投资意向书",
          type: 2,
        },
        {
          name: "项目立项审批单",
          type: 3,
        },
        {
          name: "项目化台账",
          type: 4,
        },
        {
          name: "重点项目专题报告",
          type: 5,
        },
        {
          name: "项目专班",
          type: 6,
        },
        {
          name: "项目目标管理计划书",
          type: 7,
        },
        {
          name: "深入论证",
          type: 8,
        },
        {
          name: "项目合作协议（初稿）",
          type: 9,
        },
        {
          name: "项目合作协议（修改稿）",
          type: 10,
        },

        {
          name: "签约项目协议合法性审查意见",
          type: 11,
        },
        {
          name: "太原市公平竞争审查表",
          type: 12,
        },
        {
          name: "项目合作协议（送审稿）",
          type: 13,
        },
        {
          name: "综合审查",
          type: 14,
        },
        {
          name: "项目合作协议",
          type: 15,
        },
        {
          name: "综合审批",
          type: 16,
        },
        {
          name: "代办手续",
          type: 17,
        },
        {
          name: "完成情况申请验收表",
          type: 18,
        },
        {
          name: "完成情况验收表",
          type: 19,
        },
        {
          name: "申请终止（结转）审批表",
          type: 20,
        },
      ];
      file_type_list.map((item) => {
        item.name == type ? (this.file_type = item.type) : "";
      });
      if (url == "other") {
        this.$router.push({
          name: status == 1 ? "look" : "examine",
          params: {
            id: this.id,
            type: this.file_type,
            status: status == 1 ? "look" : "examine",
          },
        });
      } else {
        this.$router.push({
          name: url,
          params: {
            id: this.id,
            type: type == 1 ? "info" : "project",
            status: status == 1 ? "edit" : "look",
          },
        });
      }
    },
    // 项目专班 --- 前往项目专班编辑页
    goEditClass() {
      // if (this.permission.includes("75") == false) {
      //   this.$message.warning("暂无权限，请联系管理员！");
      //   return;
      // }
      this.$router.push({ name: "sclass", params: { id: this.id } });
    },
    // 改变选项卡
    handleClick(val) {
      localStorage.setItem("activeCard", val.name);
    },
    // 分页
    handleCurrentChange(val) {
      this.page = val;
      this.GetLogLists();
    },
  },
};
</script>

<style lang="less" scoped>
.main {
  width: 100%;
  height: 100%;
  background: #fafafa;
  overflow: hidden;
  text-align: left;
  .header {
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    background: url("~@img/public/bg-img-xiangmu.png") no-repeat center;
    padding: 0 210px;
  }
  .main_body {
    width: 1500px;
    margin: 0 auto;
    height: calc(100% - 260px);
    display: flex;
    justify-content: space-between;
    .main-left {
      box-sizing: border-box;
      padding: 0 30px;
      flex: 0 0 65.667%;
      background: #fff;
      box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.6);
    }
    .main-right {
      box-sizing: border-box;
      padding: 0 30px;
      flex: 0 0 32.337%;
      background: #fff;
      box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.6);
    }
  }
}

.epName {
  // padding-top: 40px;
  font-size: 40px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
  height: 115px;
  line-height: 115px;
  // margin-bottom: 35px;
  span {
    margin-left: 20px;
    margin-top: -3px;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: rgba(252, 3, 3, 0.6);
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0.9;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  }
  img {
    margin-top: -2px;
    vertical-align: middle;
  }
  .goBack {
    margin-top: 40px;
    float: right;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: #446db3;
    font-weight: 400;
    opacity: 1;
  }
}
.epClassify {
  display: flex;
  justify-content: flex-start;

  li {
    padding: 0 80px;
    margin-top: 30px;
    position: relative;
    cursor: pointer;
    &::before {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -20px;
      display: block;
      content: "";
      width: 1px;
      height: 40px;
      background: #ffffff;
      opacity: 0.5;
    }
    &:first-of-type {
      padding-left: 0;
      &::before {
        opacity: 0;
      }
    }
    p {
      font-size: 20px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      line-height: 56px;
      opacity: 0.6;
      white-space: nowrap;
      &:last-child {
        font-size: 22px;
        opacity: 0.9;
      }
    }
  }
}
.header_title {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  img,
  span {
    margin-right: 10px;
    vertical-align: middle;
  }
  .edit-btn {
    position: absolute;
    right: 0;
    top: -10px;
    width: 120px;
    height: 38px;
    line-height: 38px;
    background: #5889dc;
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
  }
}
.class-title {
  height: 27px;
}
.header_title_right {
  margin-bottom: 10px;
}
table {
  width: 100%;
  border-color: #e1e1e1;
  tr {
    td {
      // padding: 0 20px;
      height: 48px;
      line-height: 48px;
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
    }
  }
  tr.row_header {
    td {
      background: #ecf6ff;
    }
  }
  tr.row_item {
    td {
      background: #fff;
    }
  }
}
.logs {
  height: calc(100% - 96px);
  padding-right: 10px;
  li {
    padding: 10px 18px;
    height: 75px;
    border-bottom: 1px solid #eee;
    p {
      margin-top: 10px;

      font-size: 14px;
      line-height: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      cursor: default;
    }
    p.info {
      color: #333333;
      position: relative;
      &::before {
        content: "";
        position: absolute;
        left: -18px;
        top: 2px;
        width: 10px;
        height: 10px;
        background: #cccccc;
        border-radius: 50%;
      }
    }
    &:hover p.info {
      font-weight: bold;
      color: #446db3;
      &::before {
        background: #446db3;
      }
    }
    p.times {
      color: #ccc;
    }
  }
  .more {
    line-height: 55px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #446db3;
    text-align: center;
    cursor: default;
    img {
      margin-top: -2px;
    }
  }
  .none {
    line-height: 55px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #cccccc;
    text-align: center;
    cursor: default;
  }
}

.table_one table {
  border-color: #e1e1e1;
  text-align: center;
  tr {
    td {
      box-sizing: border-box;
      width: 120px;
      height: 48px;
      line-height: 20px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
    }
    td:nth-of-type(odd) {
      background: #ecf6ff;
    }
    // td:nth-of-type(even) {
    //   width: 280px;
    // }
    .detail {
      padding: 15px 20px;
      line-height: 22px;
    }
    td.small {
      width: 75px;
    }
    td.more {
      width: 366px;
      padding: 10px 15px;
      text-align: left;
    }
  }
}

.table_three table {
  border-color: #e1e1e1;
  tr {
    td:nth-of-type(odd) {
      width: 110px;
      background: #ecf6ff;
    }
    .detail {
      padding: 15px 20px;
      line-height: 22px;
    }
    td.small {
      width: 75px;
    }
    td.more {
      width: 366px;
      padding: 10px 15px;
      text-align: left;
    }
  }
}

.table-more table {
  border-color: #e1e1e1;
  text-align: center;
  tr {
    td {
      box-sizing: border-box;
      height: 48px;
      line-height: 20px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
    }
    td:last-of-type {
      text-align: left;
    }
    .lr {
      writing-mode: vertical-lr;
    }
    .detail {
      padding: 15px 20px;
      line-height: 22px;
    }
    td.small {
      width: 75px;
    }
    td.more {
      width: 366px;
      padding: 10px 15px;
      text-align: left;
    }
  }
}
.table-more-2 table {
  border-color: #e1e1e1;
  text-align: center;
  tr {
    td {
      box-sizing: border-box;
      height: 48px;
      line-height: 20px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
    }
    .btn-y {
      margin-left: 0;
    }
  }
}
.table-header {
  padding-right: 10px;
  table {
    border-color: #e1e1e1;
    text-align: center;
    tr {
      td {
        box-sizing: border-box;
        height: 48px;
        line-height: 20px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #fff;
        text-align: center;
        border: #446db3;
      }
      &:first-of-type {
        background: #446db3;
      }
    }
  }
}
.table-rz table {
  margin-top: 10px;
  border-color: #e1e1e1;
  text-align: center;
  tr {
    td {
      box-sizing: border-box;
      height: 48px;
      line-height: 20px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
      border: 1px solid #e8e8e8;
    }
  }
  tr:first-of-type {
    td {
      color: #fff;
      text-align: center;
      border: 1px solid #446db3;
    }
    &:first-of-type {
      background: #446db3;
    }
  }
  tr:nth-of-type(odd) {
    background: #f7faff;
  }
}
.atlas {
  margin: 20px 0 0 0;
  width: 100%;
  height: 100%;
  background: url("~@img/public/bg-gyltp.png") no-repeat center;
}
.p-flex {
  width: 100%;
  height: 470px;
  display: flex;
  justify-content: space-between;
  .header_title {
    margin-top: 18px;
  }
  .p-left {
    flex: 0 0 500px;
  }
  .p-right {
    flex: 0 0 400px;
  }
  .flex-rz {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    & > div {
      flex: 0 0 154px;
      height: 110px;
      background: #f6f9ff;
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      transition: 0.5s;
      text-align: center;
      cursor: pointer;
      span.add {
        display: inline-block;
        margin-top: 14px;
        width: 30px;
        height: 30px;
        background: url("~@img/public/icon-add-normal.png") no-repeat;
      }

      span.t-24 {
        margin-top: 24px;
      }
      p {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
      }
      p.c-9 {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
      }
      &:hover {
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
        p {
          font-weight: bold;
          color: #4a5a7f;
          transition: 0.5s;
        }
        p.c-9 {
          font-weight: 400;
          color: #999999;
        }
        span.add {
          background: url("~@img/public/icon-add-hover.png") no-repeat;
          transition: 0.5s;
        }
      }
    }
    .b-20 {
      margin-bottom: 20px;
    }
  }
}
.map {
  margin-top: 30px;
  height: 90%;
  background: #e6e7e7;
  box-shadow: 0px 0px 9px 0px rgba(189, 189, 189, 0.67);
  border-radius: 10px;
}
.bm-view {
  width: 100%;
  height: 100%;
}
// 选项卡样式修改
/deep/ .el-tabs__nav-scroll {
  padding-left: 0px;
}
/deep/.el-tabs__item {
  padding: 0 60px 0 0;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  height: 60px;
  line-height: 60px;
}
/deep/.el-tabs__item.is-active {
  font-weight: bold;
  color: #446db3;
}

/deep/.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-left: 0px;
}
/deep/.el-tabs__active-bar {
  height: 4px;
  background: #446db3;
}
/deep/ .el-tabs__nav-scroll::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #ccc;
  opacity: 0.35;
}

/deep/ .el-tabs__nav-wrap::after {
  height: 0;
}
/deep/.el-tabs__header {
  margin: 0;
}
/deep/ .el-tab-pane {
  width: 100%;
  height: 100%;
}
/deep/.el-tabs {
  height: 100%;
  .el-tabs__content {
    box-sizing: border-box;
    height: calc(100% - 60px);
  }
}
.scroll-box {
  height: 390px;
}
.scroll {
  overflow-y: auto;
  scrollbar-color: #446db3 #ecf2fb; //滚动条轨道颜色   滚动条滑块的颜色
  scrollbar-width: 12px;
  scrollbar-width: thin; //thin模式下滚动条两端的三角按钮会消失
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 12px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 12px;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 12px;
    background: #446db3;
  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: #e9f3ff;
    background: rgba(97, 142, 223, 0.1);
    border-radius: 12px;
  }
}
.btn-b {
  margin-left: 10px;
  display: inline-block;
  width: 50px;
  height: 24px;
  line-height: 24px;
  background: #5889dc;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.btn-y {
  margin-left: 10px;
  display: inline-block;
  width: 50px;
  height: 24px;
  line-height: 24px;
  background: #f89718;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.btn-all {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: #ffffff;
  border-radius: 4px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #446db3;
  cursor: default;
}
.btn-long {
  width: 80px;
}
/deep/ .rel-node-checked {
  box-shadow: 0px 0px 12px #2f48c8;
  animation: none;
}
/deep/ .rel-node-shape-0:hover {
  box-shadow: 0px 0px 10px #2f48c8;
}
/deep/ .rel-node-peel:hover .rel-node {
  box-shadow: 0px 0px 10px #2f48c8;
}

.main .header {
  padding: 0 210px;
}
.height_box {
  height: 30px;
}
/deep/ .el-icon-edit:before {
  content: "";
  position: absolute;
  left: 8px;
  width: 20px;
  height: 21px;
  top: 4px;
}
/deep/ .is-finish .el-icon-edit:before {
  background: url("~@img/public/nav-done.png") no-repeat center center;
}
/deep/ .is-process .el-icon-edit:before {
  width: 36px;
  height: 37px;
  margin-top: -7px;
  margin-left: -8px;
  background: url("~@img/public/nav-doing.png") no-repeat center center;
}
/deep/ .is-wait .el-icon-edit:before {
  background: url("~@img/public/nav-none.png") no-repeat center center;
}
/deep/ .el-step__icon.is-icon {
  background: transparent;
}
/deep/ .el-step__icon-inner {
  width: 100%;
  height: 100%;
}
/deep/ .el-step__icon.is-icon {
  width: 36px;
  height: 37px;
}
/deep/ .el-step__title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  white-space: pre;
  cursor: default;
}
/deep/ .el-step__title.is-wait {
  opacity: 0.66;
}
/deep/ .el-steps--horizontal {
  padding-top: 40px;
}
/deep/ .el-step__line-inner {
  border-width: 4px !important;
}
/deep/.el-step__head.is-process {
  border-color: #8bc1ff;
  opacity: 1;
}
/deep/.el-step__head.is-finish {
  border-color: #8bc1ff;
  opacity: 1;
}
/deep/ .el-step.is-center .is-finish .el-step__line {
  background: #8bc1ff;
  opacity: 1;
}
/deep/ .el-step.is-center .is-finish .el-step__line.el-step__line-inner {
  width: 100% !important;
}
/deep/ .el-step.is-center .el-step__line {
  height: 8px;
  background: rgba(196, 223, 255, 0.5);
}
// /deep/ .el-step.is-center .is-wait .el-step__line {
//   height: 8px;
//   background: rgba(196, 223, 255, 0.5);
// }
/deep/ .el-step.is-center .el-step__description {
  position: absolute;
  top: -40px;
  left: 12px;
  width: 60px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  background: rgba(39, 110, 156, 0.7);
  box-shadow: 0px 0px 4px 0px rgba(0, 132, 255, 0.8),
    0px 0px 16px 0px rgba(0, 156, 255, 0.31);
  border-radius: 8px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
  cursor: default;
}
/deep/ .el-step.is-center .el-step__description:empty {
  background: transparent;
  box-shadow: none;
}
/deep/ .el-step__description.is-wait {
  background: rgba(39, 110, 156, 0.5);
  opacity: 0.4;
}
/deep/ .el-select > .el-input,
/deep/ .el-input--suffix .el-input__inner {
  width: 110px;
  height: 30px;
  line-height: 30px;
  background: #ffffff;
  border-radius: 5px;
}
.select-box {
  display: flex;
  justify-content: space-between;
  li span {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
  }
  /deep/ .el-input__icon {
    line-height: 30px;
  }
  /deep/ li.one .el-select > .el-input {
    width: 134px;
  }
  /deep/ li.two .el-select > .el-input {
    width: 100px;
  }
}
/deep/ .el-pagination .btn-next,
/deep/ .el-pager li,
/deep/ .el-pagination .btn-prev {
  background: #fafafa;
  box-shadow: 0px 0px 4px 0px rgb(86 86 86 / 11%);
  border-radius: 6px;
}
/deep/ .el-pager li.active {
  background: #5889dc;
  color: #fff;
  box-shadow: 0px 0px 3px 0px rgba(0, 50, 89, 0.4);
  border-radius: 6px;
}
/deep/ .el-pager li,
/deep/ .el-pagination button {
  padding: 0;
  min-width: 30px;
  height: 30px;
  margin: 0 2px;
  line-height: 30px;
}
/deep/ .el-pagination {
  margin: 10px 0 0;
  text-align: right;
}
/deep/ .el-radio__input + .el-radio__label {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
/deep/ .el-radio__input.is-checked + .el-radio__label {
  color: #333;
}
/deep/ .el-radio__input.is-checked .el-radio__inner {
  border-color: #5889dc;
  background: #5889dc;
}
//
/deep/ .el-dialog--center .el-dialog__body {
  padding: 10px 0;
}
/deep/ .el-dialog {
  padding: 0 88px;
  top: 50%;
  margin-top: -250px !important;
  height: 500px;
  background: #ffffff;
  box-shadow: 0px 5px 50px 0px rgba(186, 186, 186, 0.5);
  border-radius: 20px;
  .el-dialog__header {
    padding: 0;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px dashed #dddddd;

    .el-dialog__title {
      display: block;
      line-height: 80px;
      font-size: 30px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #446db3;
    }
  }
  .el-dialog__footer {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -258px;
    padding: 0;
    .el-button {
      padding: 0;
      width: 248px;
      height: 48px;
      border: 2px solid #446db3;
      border-radius: 10px;
      font-size: 26px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #446db3;
    }
    .el-button--primary {
      margin-left: 20px;
      color: #fff;
      background: #446db3;
      box-shadow: 0px 2px 5px 0px rgba(68, 109, 179, 0.5);
    }
  }
  .dialog-footer {
    width: 248px;
    margin-left: 114px;
  }
  .d-content {
    width: 420px;
    margin: 0 auto;
    .label-name {
      margin: 10px 0 6px;
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #666666;
      line-height: 34px;
    }
    .label-input {
      padding-left: 12px;
      width: 420px;
      height: 32px;
      line-height: 32px;
      background: #f7f7f7;
      border: 1px solid #cccccc;
      border-radius: 5px;
    }
  }
}
/deep/ .proof .el-dialog {
  margin-top: -290px !important;
  height: 580px !important;
}

/deep/ .examine .el-dialog {
  margin-top: -210px !important;
  height: 420px !important;
}

/deep/ .examine.proof .el-dialog {
  margin-top: -240px !important;
  height: 480px !important;
}
/deep/ .look .el-dialog {
  margin-top: -185px !important;
  height: 370px;
}

/deep/.el-upload__tip {
  margin-left: 16px;
  display: inline-block;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
}
/deep/ .el-button--small {
  padding: 0;
  width: 133px;
  height: 38px;
  line-height: 38px;
  background: #5889dc;
  border-radius: 4px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  vertical-align: middle;
  img {
    margin-right: 5px;
    position: relative;
    left: 0;
    top: 1px;
  }
}
/deep/ .el-cascader {
  width: 100%;
}
/deep/ .el-input--suffix .el-input__inner {
  width: 100%;
}

/deep/.el-upload-list__item .el-icon-close {
  display: inline-block;
}
.file-list {
  height: 60px;
  line-height: 60px;
  cursor: default;
  span,
  img {
    vertical-align: middle;
  }
  span {
    font-family: Microsoft YaHei;
    font-weight: 400;
  }
  .name {
    display: inline-block;
    max-width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 14px;
    font-size: 16px;
    color: #666666;
  }
  .s {
    margin: 0 10px 0 6px;
    font-size: 14px;
    color: #999999;
  }
  .d {
    margin: 0 0 0 6px;
    font-size: 14px;
    color: #999999;
  }
}
.file-show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 999999;
  .gb {
    position: absolute;
    right: 50px;
    top: 80px;
    font-size: 18px;
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    background: #446db3;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    z-index: 99999999;
  }
  .word,
  iframe {
    width: 100vw;
    height: 100vh;
    overflow: auto;
  }
}
.ban {
  background: #f5f5f5;
  color: #ccc;
  opacity: 0.5;
  cursor: not-allowed !important;
}
.no-click {
  cursor: not-allowed !important;
}
.no-click span.not-click {
  pointer-events: none;
  cursor: not-allowed;
}
.btn-not-click {
  pointer-events: none;
}
.btn-not-click-cur {
  cursor: not-allowed !important;
}
.no-click span.on-click {
  cursor: pointer;
}
/*
  *常用电脑尺寸  1680 * 900
  *              1536 * 864
  *              1440 * 900
  *ipad pro      1366 * 1024
  *ipad mini     1024 * 768
  *ipad          1024 * 768
 */
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
  .scroll-box {
    height: 340px;
  }
  .p-flex {
    padding-right: 4px;
    overflow: auto;
    height: 440px;
    scrollbar-color: #767ffe #e9f3ff;
    scrollbar-width: 6px;
    scrollbar-width: thin;
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: linear-gradient(0deg, #767ffe, #79aefe);
    }
    &::-webkit-scrollbar-track {
      background: #e9f3ff;
      border-radius: 10px;
    }
  }
}
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) {
  .scroll-box {
    height: 290px;
  }
  .p-flex {
    padding-right: 4px;
    overflow: auto;
    height: 376px;
  }
}
/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
  .main .header {
    padding: 0 40px;
  }
  .scroll-box {
    height: 340px;
  }
  .p-flex {
    padding-right: 4px;
    overflow: auto;
    height: 440px;
  }
  .main .main_body {
    width: 1340px;
  }
  .main .main_body .main-right {
    flex: 0 0 28%;
  }
  .main .main_body .main-left {
    flex: 0 0 70%;
  }
}
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
  .main .main_body {
    width: 1200px;
    flex-direction: column;
    padding: 0 20px 20px 0;
    overflow: auto;
    scrollbar-color: #767ffe #e9f3ff;
    scrollbar-width: 6px;
    scrollbar-width: thin;
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: linear-gradient(0deg, #767ffe, #79aefe);
    }
    &::-webkit-scrollbar-track {
      background: #e9f3ff;
      border-radius: 10px;
    }
  }
  .main .main_body .main-right {
    flex: 0 0 600px;
    margin-top: 20px;
  }
  .main .main_body .main-left {
    flex: 0 0 490px;
  }
  .scroll-box {
    height: 340px;
  }
  .p-flex {
    padding-right: 4px;
    overflow: auto;
    height: 490px;
  }
}
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
  .main .main_body {
    width: 1100px;
  }
}
/*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) {
  .main .main_body {
    width: 1000px;
  }
}
</style>
